﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:GameLogic_Controls="clr-namespace:GameLogic.Controls;assembly=GameLogic"
    mc:Ignorable="d"
    x:Class="ColorReminder.Phone.ColorReminderGame"
    xmlns:local="clr-namespace:ColorReminder.Phone"
    d:DesignWidth="480"
    d:DesignHeight="800">
    <UserControl.Resources>
        <Storyboard
            x:Name="_showMessage">
            <DoubleAnimationUsingKeyFrames
                Storyboard.TargetProperty="(UIElement.Opacity)"
                Storyboard.TargetName="_messageBoard">
                <EasingDoubleKeyFrame
                    KeyTime="0"
                    Value="0" />
                <EasingDoubleKeyFrame
                    KeyTime="0:0:0.4"
                    Value="1" />
                <EasingDoubleKeyFrame
                    KeyTime="0:0:1.5"
                    Value="1" />
                <EasingDoubleKeyFrame
                    KeyTime="0:0:2"
                    Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <ObjectAnimationUsingKeyFrames
                Storyboard.TargetProperty="(UIElement.Visibility)"
                Storyboard.TargetName="_messageBoard">
                <DiscreteObjectKeyFrame
                    KeyTime="0">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Visible</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
                <DiscreteObjectKeyFrame
                    KeyTime="0:0:0.4">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Visible</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
                <DiscreteObjectKeyFrame
                    KeyTime="0:0:1.5">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Visible</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
                <DiscreteObjectKeyFrame
                    KeyTime="0:0:2">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Visible</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
                <DiscreteObjectKeyFrame
                    KeyTime="0:0:2.1">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Collapsed</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Grid
            x:Name="LayoutRoot">
            <Grid.RowDefinitions>
                <RowDefinition />
            </Grid.RowDefinitions>

            <!--TitleGrid is the name of the application and page title-->

            <!--ContentGrid is empty. Place new content here-->
            <Grid
            	x:Name="_playGround"
            	Margin="0"
            	Height="300"
            	Grid.Row="1"
            	VerticalAlignment="Center"
            	HorizontalAlignment="Center"
            	Width="300">
            	<Grid.RowDefinitions>
            		<RowDefinition
            			Height="0.467*" />
            		<RowDefinition
            			Height="0.533*" />
            	</Grid.RowDefinitions>
            	<Grid.ColumnDefinitions>
            		<ColumnDefinition
            			Width="0.463*" />
            		<ColumnDefinition
            			Width="0.537*" />
            	</Grid.ColumnDefinitions>
            	<local:Bumper
            		x:Name="_bumper0"
            		Margin="0"
            		HorizontalAlignment="Center"
            		VerticalAlignment="Center"
            		Text="Red" />
            	<local:Bumper
            		x:Name="_bumper1"
            		Margin="0"
            		Grid.Column="1"
            		HorizontalAlignment="Center"
            		VerticalAlignment="Center"
            		Text="Green" />
            	<local:Bumper
            		x:Name="_bumper2"
            		Margin="0"
            		Grid.Row="1"
            		HorizontalAlignment="Center"
            		VerticalAlignment="Center"
            		Text="Blue" />
            	<local:Bumper
            		x:Name="_bumper3"
            		Margin="0"
            		Grid.Column="1"
            		Grid.Row="1"
            		HorizontalAlignment="Center"
            		VerticalAlignment="Center"
            		Text="Yellow" />
            </Grid>
            <Grid
            	x:Name="_messageBoard"
            	Background="#7F000000" d:LayoutOverrides="GridBox" Visibility="Collapsed">
            	<TextBlock
            		x:Name="_message"
            		Margin="0"
            		TextWrapping="Wrap"
            		Text="TextBlock"
            		VerticalAlignment="Center"
            		d:LayoutOverrides="Width"
            		HorizontalAlignment="Center"
                         />
            </Grid>
        </Grid>

</UserControl>